All Questions
Tagged with csstwitter-bootstrap
50,367 questions
0votes
0answers
21views
modify existing css code to place one bootstrap icon to the left and one bootstrap icon to the right side of text 'EastPDF™ Password Manager' in html
I am looking to modify my css (code provided below) to change the placement of two bootstrap icons provided in the html code below whereby one icon is placed to the left-side of the text 'EasyPDF™ ...
0votes
0answers
57views
Texts have extra white margin - How to accommodate when translating PSD into HTML?
In html, there is white space above and below texts, and it is apparent when the text is big. Can this top and bottom white space around texts be removed with CSS\html? If not, how to calculate the ...
1vote
1answer
59views
Add horizontal scroll and align columns in Bootstrap table
I am trying to add a horizontal scroll bar to a Bootstrap based table. The table looks like this: If there is large data in Remaining candidates (Ex: Wolfeschlegelsteinhausenbergerdorfflastname, ...
1vote
1answer
43views
Toggle collapsible element visibility with select
Is there a way to toggle the visibility of elements with a select's options? I've tried to put the data-bs-toggle/data-bs-target attributes : directly on the option, on an inner a, on an inner button....
1vote
1answer
45views
Ensure not all collapsible elements with same parent are hidden
I have a set of collapsible elements whose visibility is controlled via data-bs-toggle="collapse"/data-bs-target, and only one should be visible at a given time. This behavior is achieved ...
0votes
1answer
47views
css - overflow the table until reach the footer
I have this example: https://jsfiddle.net/xcugq7d1/ <div class="container-fluid pt-1 pb-1 mb-3 header-section"> Header Section </div> <div class="container-fluid ...
0votes
2answers
145views
Bootstrap 5.3.x: Why does "w-100 d-block d-md-none" not work when I try to break a column to a new line?
I am trying to create a list of images and each occupies 4 columns in medium and larger screens and occupies 12 columns on smaller screens. However, when I try to resize the screen to smaller size (...
2votes
1answer
56views
I am trying to use the Bootstrap inverse menu used the same code but not working
I am trying to create menu with inverse i.e. with black background and white font style. I used the sample code same but its not shows the proper menu. What I am missing here? <!doctype html> &...
0votes
1answer
55views
How can I use Bootstrap's grid layout to achieve similar results as using justify-content: space-around flexbox property?
This is part of an online exercise where I need to style the webpage using only Bootstrap. The code is working fine, but I want to apply a Bootstrap class for its Grid layout which contains the cards ...
0votes
3answers
112views
How to adjust list item vertical position to match custom bullet image?
I have a Twitter Bootstrap website with a <ul> element with a custom image for bullets. It works, but the vertical alignment of the list items does not match the bullet image. The text is too ...
0votes
1answer
43views
how to set left and top margin in my bootstrap template
I am writing the front end for a library management system. When a user clicks View on a book they're being redirected to details of the book in a bootstrap card like shown in the picture below. I am ...
1vote
2answers
91views
How to add Icon background within a container?
I have an example of what I want to achieve. As you can see, there is a little refresh icon inside that pill on the right-hand side with its own color and background color. I tried to get something ...
0votes
0answers
35views
iOS Keyboard Blocking Dynamic Bottom Canvas in Vue 3 with Bootstrap 5
IPhone Keyboard block Bootstrap 5 Bottom Canvas Describe the issue I'm building a Vue 3 project with Bootstrap 5, and I've implemented a dynamic bottom canvas (offcanvas) where users can add and ...
1vote
1answer
31views
Change width of form-inline input and label
I'm trying to change the width of an entire form-inline- both the input and label. You can see the search box and label on this page drops down and I would like it to fit on the same line. https://dev....
0votes
0answers
48views
Only Skyscraper Ads Overflowing from it's div in Google Adsense Automatic Ads
I started to use google adsense automatic ads one or two days ago. I use bootstrap on my website. All of the ads displaying excellent but skyscrapper ads which are narrow and has long value pixels ...